<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box{
            width: 6.94rem;
            height: 1rem;
            background-color: red;
        }
    </style>
    <script src="./一阶段.js"></script>
</head>
<body>
    <!-- 
        UI  图是  宽度 750px
        真机 用375  ipone 6/7/8  看效果
        设计图 是多少像素 就除以100 =  对应的 rem
        750 的UI图上元素宽度/高度   例如：   694px 
        代码里面就写  元素宽度/高度   6.94rem
     -->


     <!-- 
         设计稿  750px   
         模拟机  375px
        ipone 6/7/8 模拟机宽度375 : 1rem=50px   
        例如：
        设计稿750：               100px   
        ipone 6/7/8 375:         50px     (1rem=50px)  这里就写1rem  所以750 的设计图到375上就是 设计稿的像素/100= (xx)rem
      -->
    <div class="box">

    </div>
</body>
</html>